@charset "UTF-8";
/**
* "Bubalus Layout" - My (X)HTML/CSS Framework
*
* 布局部分
*
* 包含一套基于栅格的，很灵活的布局类
* 还定义了其他布局相关的类名
*/

@media screen, projection {
/**
* @section 创建一个高灵活性的布局
*/
/* 基本布局 */
	/* 基本的3层布局 */
		/* 总容器，用来控制页面总宽度，可适应 960px 与 1440px */
			#container{width:960px;margin:0 auto;}
		/* 页头部分 */
			#header, header{position:relative;}
		/* 主导航部分 */
			#nav, nav{position:relative;}
		/* 内容部分 */
			#main{width:auto;}
		/* 页脚部分 */
			#footer, footer{position:relative;}
	
	/* 为内容部分提供块级布局 */
	.col-container{position:relative;}		

/**
* @section 栅格系统
* 为基本布局内部提供符合栅格容器，以提供多列的复杂的布局要求
*/
.col-1, .sub-col-1 { width:30px }
.col-2, .sub-col-2 { width:70px }
.col-3, .sub-col-3 { width:110px }
.col-4, .sub-col-4 { width:150px }
.col-5, .sub-col-5 { width:190px }
.col-6, .sub-col-6 { width:230px }
.col-7, .sub-col-7 { width:270px }
.col-8, .sub-col-8 { width:310px }
.col-9, .sub-col-9 { width:350px }
.col-10, .sub-col-10 { width:390px }
.col-11, .sub-col-11 { width:430px }
.col-12, .sub-col-12 { width:470px }
.col-13, .sub-col-13 { width:510px }
.col-14, .sub-col-14 { width:550px }
.col-15, .sub-col-15 { width:590px }
.col-16, .sub-col-16 { width:630px }
.col-17, .sub-col-17 { width:670px }
.col-18, .sub-col-18 { width:710px }
.col-19, .sub-col-19 { width:750px }
.col-20, .sub-col-20 { width:790px }
.col-21, .sub-col-21 { width:830px }
.col-22, .sub-col-22 { width:870px }
.col-23, .sub-col-23 { width:910px }
.col-24, .sub-col-24 { width:950px }
.col-25, .sub-col-25 { width:990px }
.col-26, .sub-col-26 { width:1030px }
.col-27, .sub-col-27 { width:1070px }
.col-28, .sub-col-28 { width:1110px }
.col-29, .sub-col-29 { width:1150px }
.col-30, .sub-col-30 { width:1190px }
.col-31, .sub-col-31 { width:1230px }
.col-32, .sub-col-32 { width:1270px }
.col-33, .sub-col-33 { width:1310px }
.col-34, .sub-col-34 { width:1350px }
.col-35, .sub-col-35 { width:1390px }
.col-36, .sub-col-36 { width:1430px }

.row-1, .sub-row-1 { height:18px; }
.row-2, .sub-row-2 { height:45px; }
.row-3, .sub-row-3 { height:72px; }
.row-4, .sub-row-4 { height:99px; }
.row-5, .sub-row-5 { height:126px; }
.row-6, .sub-row-6 { height:153px; }
.row-7, .sub-row-7 { height:180px; }
.row-8, .sub-row-8 { height:207px; }
.row-9, .sub-row-9 { height:234px; }
.row-10, .sub-row-10 { height:261px; }
.row-11, .sub-row-11 { height:288px; }
.row-12, .sub-row-12 { height:315px; }
.row-13, .sub-row-13 { height:342px; }
.row-14, .sub-row-14 { height:369px; }
.row-15, .sub-row-15 { height:396px; }
.row-16, .sub-row-16 { height:423px; }
.row-17, .sub-row-17 { height:450px; }
.row-18, .sub-row-18 { height:477px; }
.row-19, .sub-row-19 { height:504px; }
.row-20, .sub-row-20 { height:531px; }
.row-21, .sub-row-21 { height:558px; }
.row-22, .sub-row-22 { height:585px; }
.row-23, .sub-row-23 { height:612px; }
.row-24, .sub-row-24 { height:639px; }

.row-1, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7, .row-8, .row-9, .row-10, .row-11, .row-12, .row-13, .row-14, .row-15, .row-16, .row-17, .row-18, .row-19, .row-20, .row-21, .row-22, .row-23, .row-24,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24, .col-25, .col-26, .col-27, .col-28, .col-29, .col-30, .col-31, .col-32, .col-33, .col-34, .col-35, .col-36 {
	margin-left:5px;
	margin-right:5px;
	margin-top:4px;
	margin-bottom:5px;
}

.col-p50 { width:49%; }

.margin-t{margin-top:9px !important;}
.margin-r{margin-right:10px !important;}
.margin-b{margin-bottom:9px !important;}
.margin-l{margin-left:10px !important;}
}

@media all
{
/**
* @section 清除浮动
*/
.clear:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
/* 针对 Safari */
.clear { display:block; }
	
/**
* @section 其他与布局有关的类
*/

/* 元素基本定位 */
	/* 居中 */.lo-center{margin:0 auto;}
	/* 居左浮动 */.fl-le{float:left !important; display:inline;}
	/* 居右浮动 */.fl-ri{float:right !important; display:inline;}
	
/* 隐藏 */.d-hide{display:none;}
/* 显示 */.d-block{display:block;}
/* 其他 */
.hide-this{position: absolute !important;left: -32768px !important;top: -32768px !important;}
.hide-back{background:none !important;}
.hide-backimg{background-image:none !important;}
.hide-margin{margin:0 !important;}
.hide-padding{padding:0 !important;}
}

@media print
{
  /* 打印时可见 */
  .print { position:static; left:0; }
  /* 打印时隐藏 */
  .noprint { display:none !important; }


/* CSS end */
}